﻿<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>协强定制-求职招聘</title>
    <link rel="shortcut icon" href="img/favicon.ico" />
    <link rel="stylesheet" href="css/swiper-3.4.2.min.css" />
    <link rel="stylesheet" href="css/style.css" />
    <link rel="stylesheet" href="css/pad.css" media="(max-width:1199px)" />
    <link rel="stylesheet" href="css/phone.css" media="(max-width:619px)" />
    <script src="js/jquery-2.1.0.js"></script>
    <script src='js/vue2.0.min.js'></script>
    <script src="js/swiper-3.4.2.jquery.min.js"></script>
    <script src='js/md5.js'></script>
    <script src='js/fastclick.js'></script>
    <script src="js/xqjy.js"></script>
</head>

<body>

    <div id='app' v-cloak>
        <!--<headers @search='searchHeader'></headers>-->
        <navs @toback='toBackground' :nav-state='navState' :login-state='loginState' :login-info='loginInfo.Name' :bg-img='bgImg'></navs>
        <div class="everyThingCtx">
            <div class="newCtx recruitCtx">
                <div class="bidsSwiper swiper-container swiper-container-horizontal" style="height: auto;">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <a href=""><img src="img/zhaoping1.jpg"></a>
                        </div>
                        <div class="swiper-slide">
                            <a href=""><img src="img/zhaoping2.jpg"></a>
                        </div>
                        <div class="swiper-slide">
                            <a href=""><img src="img/zhaoping3.jpg"></a>
                        </div>
                    </div>
                    <div class="swiper-pagination swiper-pagination-bullets"><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span><span class="swiper-pagination-bullet"></span></div>
                </div>
                <h2 class="lbdTitle">职位搜索</h2>
                <div class="bidsform">
                    <div class="bidsSearch nopad">
                        <input type="text" placeholder="输入职位名称或公司名称" v-model='searchContent' />
                        <button class="btn icon" @click="clickRecruiSearch">&#xe6b5;&nbsp;搜索</button>
                    </div>
                    <div class="graybox">
                        <span>例如：</span>
                        <a href="">总工程师</a>
                        <a href="">土建工程师</a>
                    </div>
                </div>
                <h2 class="lbdTitle">热门职位</h2>
                <div class="hotJob">
                    <p>热门职位</p>
                    <div id="hotJob" data-type='0'>
                        <a @click="toRecruiSearch(item)" v-for='item in hotJobData'>{{item}}</a>
                    </div>
                    <div class="moreJob">更多 +</div>
                </div>
                <div class="jobList">
                    <!--推荐职位-->
                    <ul class="flew acc">
                        <li class="jian" @click="toRecruiDetail(item.JobID)" v-for='item in recommendJobData'>
                            <a>
                                <h2>
                                    <p>{{item.Title}}</p>
                                    <p><i class="icon" v-if='item.IsSetTop==1'>&#xe6f6;</i>{{item.Workplace}}</p>
                                </h2>
                                <p><em>{{item.Salary}}</em> 大专 | 经验{{item.ForWork}}年</p>
                                <span>{{item.EntName}}</span>
                            </a>
                        </li>
                    </ul>
                </div>
                <h2 class="lbdTitle">名企招聘</h2>
                <div class="fles acc list_qr">
                    <div class="list_qrLi">
                        <a href="compCard.html?orgCode=784859111" target="_blank">
                            <img src="img/logo/jztjt.jpg" height="100" />
                            <p>金中天集团公司有限公司</p>
                        </a>
                    </div>
                    <div class="list_qrLi">
                        <a href="compCard.html?orgCode=231129768" target="_blank">
                            <img src="img/logo/gylq.jpg" height="100" />
                            <p>广东冠粤路桥有限公司</p>
                        </a>
                    </div>
                    <div class="list_qrLi">
                        <a href="compCard.html?orgCode=190437587" target="_blank">
                            <img src="img/logo/gzzls.jpg" height="100" />
                            <p>广州市自来水工程公司</p>
                        </a>
                    </div>
                    <div class="list_qrLi">
                        <a href="compCard.html?orgCode=231235448" target="_blank">
                            <img src="img/logo/gzjz.gif" height="100" />
                            <p>广州市建筑集团有限公司</p>
                        </a>
                    </div>
                    <div class="list_qrLi">
                        <a href="compCard.html?orgCode=726804542" target="_blank">
                            <img src="img/logo/gzssz.gif" height="100" />
                            <p>广州市第三市政工程有限公司</p>
                        </a>
                    </div>
                    <div class="list_qrLi">
                        <a href="compCard.html?orgCode=71475375X" target="_blank">
                            <img src="img/logo/gdjhh.jpg" height="100" />
                            <p>广东金辉华集团有限公司</p>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <footers></footers>
        <login :show-login='showLogin' @loginfun='loginBtn' @hidemodal='hideModal'></login>
    </div>
    <script src='js/public.js'></script>
	<script src='js/login.js'></script>
    <script src='js/isLogin.js'></script>
    <script src='js/header.js'></script>
    <script src='js/nav.js'></script>
    <script src='js/footer.js'></script>
    <script src='js/recruit.js'></script>
</body>

</html>
<script>
    $(".moreJob").click(function () {
        if ($("#hotJob").attr("data-type") == 0) {
            $("#hotJob").height("auto").attr("data-type", 1)
            $(".moreJob").text("收起 -")
        } else {
            $("#hotJob").height(46).attr("data-type", 0)
            $(".moreJob").text("更多 +")
        }

    })
    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        autoplay: 3000,
        autoplayDisableOnInteraction: false,
    });
</script>